<template>
  <div class="exam-imgs">
    <div class="exam-img" @click="fun">
      <img src="../../assets/imgs/营业执照示例.png" v-if="imgType == 0">
      <img src="../../assets/imgs/身份证正反面示例.png" v-else-if="imgType == 1">
      <img src="../../assets/imgs/身份证正面示例.jpg" v-else-if="imgType == 2">
      <img src="../../assets/imgs/商标样图.jpg" v-else-if="imgType == 3">
      <img src="../../assets/imgs/网上确认书示例.png" v-else>
    </div>
    <el-dialog :visible.sync="dialogVisible">
      <div class="exam-img-box">
        <img src="../../assets/imgs/营业执照示例.png" v-if="imgType == 0">
        <img src="../../assets/imgs/身份证正反面示例.png" v-else-if="imgType == 1">
        <img src="../../assets/imgs/身份证正面示例.jpg" v-else-if="imgType == 2">
        <img src="../../assets/imgs/商标样图.jpg" v-else-if="imgType == 3">
        <img src="../../assets/imgs/网上确认书示例.png" v-else>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
    props:{
        imgType:{
            default:1
        },
            
    },
    data(){
        return{
            dialogVisible: false,
            type: "",    
        }
    },
    methods:{
        fun(){
            this.dialogVisible = true;
        }
    },
    mounted(){
        console.log(this.imgType)
    }
}
</script>
<style lang="less" scoped>
.exam-img{
  width: 150px;
  height: 150px;
  cursor: pointer;
}
.exam-img-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
img{
  width: 100%;
  height: 100%;
}
</style>
